<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <!-- This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates -->
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta http-equiv="content-language" content="en" />
    <meta name="robots" content="all,follow" />

    <meta name="author" lang="en" content="All: Your website name [www.your-website.com]; e-mail: info@your-website.com" />
    <meta name="copyright" lang="en" content="webdesign: Vit Dlouhy [Nuvio - www.nuvio.cz; NuvioTemplates - www.nuviotemplates.com]; e-mail: hello@nuviotemplates.com" />

    <meta name="description" content="..." />
    <meta name="keywords" content="..." />
    
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" />
    <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/main-msie.css" /><![endif]-->
    <link rel="stylesheet" media="screen,projection" type="text/css" href="css/scheme.css" />
    <link rel="stylesheet" media="print" type="text/css" href="css/print.css" />

    <title>Your website name | Homepage</title>
</head>

<body>

<div id="main">

    <!-- Header -->
    <div id="header">

        <!-- Your logo -->
        <h1 id="logo"><a href="#">Your <span>website</span> name</a></h1>
        <hr class="noscreen" />        
        
        <!-- Your slogan -->
        <p id="slogan">Place for your great slogan</p>
        <hr class="noscreen" />        

        <!-- Hidden navigation -->
        <p class="noscreen noprint"><em>Quick links: <a href="#content">content</a>, <a href="#nav">navigation</a>, <a href="#search">search</a>.</em></p>
        <hr class="noscreen" />

    </div> <!-- /header -->

    <!-- 2 columns (content + sidebar) -->
    <div id="cols" class="box">

        <!-- Content -->
        <div id="content">
        
            <!-- Top story -->
            <div id="topstory" class="box">
                            
                <div id="new"></div> <!-- New -->
                
                <div id="topstory-title">
                
                    <h2><a href="#">Lorem ipsum dolor sit amet</a></h2>                
                    <p class="info">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></p>

                </div> <!-- /topstory-title -->                                     
                
                <div id="topstory-in">
                
                    <p><img src="tmp/image.gif" width="150" height="113" alt="" class="f-left" />
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In estem at pulvinar accumsan lacus. Ut vehicula, orci sed volutpat posuere, 
                    sapien tus bibendum pede, sed auctor magna nulla ac purus. Cras rutrum orci in neque. Aeneanile molestie. In hac habitasse platea 
                    dictumst. Maecenas velit risus, egestas ati rhoncus dictum, mattis vel, sapien. Donec ac lectus. Vivamus tincidunt mael ullamcorper 
                    massa. Nulla facilisi. Nam et purus.</p>
            
                </div> <!-- /topstory-in -->
                    
            </div> <!-- /topstory -->
            
            <div id="topstory-bottom"></div>
            
            <hr class="noscreen" />
            
            <!-- Older posts -->
            <div class="content-in box" id="cols50">
            
                <!-- Left column -->
                <div class="col50">
                
                    <ul class="ul-list">
                        <li>
                            <a href="#">Lorem ipsum dolor sit amet</a><br />
                            Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
                            <span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span> 
                        </li>
                        <li>
                            <a href="#">Lorem ipsum dolor sit amet</a><br />
                            Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
                            <span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span> 
                        </li>
                        <li>
                            <a href="#">Lorem ipsum dolor sit amet</a><br />
                            Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
                            <span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span> 
                        </li>
                        <li>
                            <a href="#">Lorem ipsum dolor sit amet</a><br />
                            Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
                            <span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span> 
                        </li>
                        <li>
                            <a href="#">Lorem ipsum dolor sit amet</a><br />
                            Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
                            <span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span> 
                        </li>
                    </ul>
                
                </div> <!-- /col50 -->
                
                <!-- Right column -->
                <div class="col50 f-right">
                
                    <ul class="ul-list">
                        <li>
                            <a href="#">Lorem ipsum dolor sit amet</a><br />
                            Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
                            <span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span> 
                        </li>
                        <li>
                            <a href="#">Lorem ipsum dolor sit amet</a><br />
                            Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
                            <span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span> 
                        </li>
                        <li>
                            <a href="#">Lorem ipsum dolor sit amet</a><br />
                            Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
                            <span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span> 
                        </li>
                        <li>
                            <a href="#">Lorem ipsum dolor sit amet</a><br />
                            Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
                            <span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span> 
                        </li>
                        <li>
                            <a href="#">Lorem ipsum dolor sit amet</a><br />
                            Lorem ipsum dolor sit amet, consectetuer esta adipiscing. In estem at pulvinar accumsan usl.<br />
                            <span class="smaller low">Published: <strong>15. 01. 2008</strong>, <strong><a href="#">15 comments</a></strong></span> 
                        </li>
                    </ul>
                
                </div> <!-- /col50 -->
            
            </div> <!-- /content-in -->
            
            <hr class="noscreen" />
            
            <!-- Photogallery -->
            <h3 class="title">Photogallery</h3>

            <div class="content-in">

                <!-- Images (thumbnails) -->
                <div class="box" id="photos">
                    <a href="#"><img src="tmp/image-02.gif" width="114" height="86" alt="" /></a>
                    <a href="#"><img src="tmp/image-02.gif" width="114" height="86" alt="" /></a>
                    <a href="#"><img src="tmp/image-02.gif" width="114" height="86" alt="" /></a>
                    <a href="#"><img src="tmp/image-02.gif" width="114" height="86" alt="" /></a>
                    <a href="#"><img src="tmp/image-02.gif" width="114" height="86" alt="" class="nom" /></a>
                </div> <!-- /box -->
        
            </div> <!-- /content-in -->
                           
        </div> <!-- /content -->

        <hr class="noscreen" />

        <!-- Sidebar -->
        <div id="aside">
            
            <!-- Search -->
            <div id="search">
                <fieldset>
                    <form action="#" method="get">
                        <p class="nom">Search:</p>
                        <div>
                            <div id="search-input"><input type="text" size="30" name="" /></div>
                            <input type="image" src="design/search-submit.gif" value="Search" name="" id="search-submit" />
                        </div>
                    </form>
                </fieldset>
            </div> <!-- /search -->

            <!-- Navigation -->                    
            <ul class="ul-style01" id="nav">
                <li id="nav-active"><a href="#">Homepage</a></li> <!-- Active page (highlighted) -->
                <li><a href="#">About me</a></li>
                <li><a href="#">Photos</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Categories</a></li>
                <li><a href="#">Archive</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
            
            <!-- Archive -->
            <h4 class="title">Archive</h4>
            
            <ul class="ul-style01">
                <li><a href="#">January 2008</a></li>
                <li><a href="#">February 2008</a></li>
                <li><a href="#">March 2008</a></li>
                <li><a href="#">April 2008</a></li>
                <li><a href="#">May 2008</a></li>
                <li><a href="#">June 2008</a></li>
                <li><a href="#">July 2008</a></li>
                <li><a href="#">August 2008</a></li>
                <li><a href="#">September 2008</a></li>
                <li><a href="#">October 2008</a></li>
                <li><a href="#">November 2008</a></li>
                <li><a href="#">December 2008</a></li>
            </ul>
            
            <!-- RSS feeds -->
            <h4 class="title">RSS feeds</h4>

            <ul class="ul-rss">
                <li><a href="#">Articles</a></li>
                <li><a href="#">Photos</a></li>
                <li><a href="#">Comments</a></li>
            </ul>
               
        </div> <!-- /aside -->
    
    </div> <!-- /cols -->
    
    <div id="cols-bottom"></div>

    <hr class="noscreen" />
    
    <!-- Footer -->
    <div id="footer">

        <!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->            
        <p class="f-right"><a href="http://www.nuviotemplates.com/">Free web templates</a> presented by <a href="http://www.qartin.cz/">QARTIN</a>, tip: <a href="http://www.typoveprojekty.cz/">rodinné domy na klíč</a></p>
        <!-- Do you want remove this backlinks? Look at www.nuviotemplates.com/payment.php -->
        
        <p>&copy;&nbsp;2008 <a href="#">Your website name</a></p>
        
    </div> <!-- /footer -->

</div> <!-- /main -->

</body>
</html>
